<template>
    <div>
        <el-button plain size="small" type="primary" icon="el-icon-plus" @click="addRoleBtn" v-if="$auth.checkMenuPermissions('system:role:add')">新增角色</el-button>
        <el-button plain size="small" type="danger" icon="el-icon-delete" @click="delRoleBtn" v-if="$auth.checkMenuPermissions('system:role:delete')">批量删除</el-button>
    </div>
</template>
  
<script>
export default {
    methods: {
        //添加角色按钮
        addRoleBtn() {
            this.$emit('addRoleBtn')
        },
        //批量删除按钮
        delRoleBtn(){
            this.$emit('delRoleBtn')
        }
    }
};
</script>
  
<style scoped lang="scss">
div {
    margin-left: 30px;
}
</style>
  